@import 'utils';
.page-home{
	width: 1920px;
	height: 1080px;
	.page-bg{
		background-color: #001159;
		width: 100%;
		height: 100%;
		.middle-box{
			display: flex;
			.side-left{
				
				display: flex;
				background: url(../img/clere.png) no-repeat;
				background-size: 100% 100%;
				width: 152px;
				height: 910px;
				.side-line{
					background: url(../img/clere7.png) no-repeat;
					background-size: 100% 100%;
					width: 30px;
					height: 463px;
					margin-left: 10px;
					margin-top: 48px;
					
				}
				.side-ul{
					margin-top:55px;
					color: #FFFFFF;
					.drop{
						width: 72px;
						height: 25px;
						font-size: 18px;
						font-weight: 400;
						line-height: 25px;
						padding: 40px 0 40px 0;
					}
				.drop-img{
					width: 12px;
					height: 12px;
					margin-left: 25px;
				}
				.zuo-img{
					width: 52px;
					height: 29px;
					margin-top: 15px;
					
				}
				}
			}
			.conten-right{
				display: flex;
			.line-1{
				width: 2px;
				height: 913px;
				margin-left: 5px;
				
			}
			.line-2{
				width: 1700px;
				
			}
			.line-3{
				width: 33px;
				height: 33px;
				margin-left: -10px;
				margin-top: 10px;
				
			}
			.menu{
				// display:absolute;
				left: 10px;
			.line-4{
				width: 9px;
				height: 14px;
			}
			}
			.conten-box{
				background: url(../img/box-body.png);
			background-size: 100% 100%;
			width: 122px;
			height: 874px;
			}
			}
		}
	}
	
}